.search-advice{
  @include flex;
  @include center;
  @include mask(0.5, 9999999);

  .content-block{
    width: 560rpx;
    .header{
      width: 100%;
      height: 348rpx;
    }
    .content{
      height: 358rpx;
      background: #fff;
      border-bottom-left-radius: 30rpx;
      border-bottom-right-radius: 30rpx;
      margin-top: -20rpx;

      .text{
        @include text-ellipsis-line;
        height: 72rpx;
        line-height: 36rpx;
        padding: 30rpx 40rpx;
      }
      .btn{
        color: #fff;
        font-size: 28rpx;
        text-align: center;
        width: 440rpx;
        line-height: 84rpx;
        background: linear-gradient(90deg,rgba(252,26,68,1) 0%,rgba(234,4,8,1) 100%);
        border-radius: 42rpx;
        margin: 100rpx auto 0;
      }
    }
    .close{
      width: 66rpx;
      height: 66rpx;
      margin: 60rpx auto 0;
    }
  }

  &.active{
    display: flex;
  }
}